<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="../../mytags.jsp" %>
<t:base type="jquery"></t:base>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>故障代码详细</title>
    <script type="text/javascript" charset="utf-8">
        mui.init();
    </script>
    <style>
    	*{
    		font-family:Microsoft YaHei;
    	}
		.know_con{ margin: 5px;}
		.know_con h2{ font-size: 18px; color: #4b4949; font-weight: bold;}
		.know_con p{ font-size: 14px; color: #5f5f5f; font-weight: normal; margin-top: 10px;margin-left:10px;}
    	.bloc{
    		border-radius:3px;
    		margin-bottom:5px; 
    		padding:5px 10px;
    		background: #fff;}
    </style>
</head>
<body>
<div class="tel"><a href="tel:400-88-22726"> <img src="${webRoot }images/tel.jpg"></a></div>
<div class="mui-content" style="margin-top: 10px; width: 100%;">
    <div class="know_con">
    	<div class="bloc">
			<div class="geren" style="font-weight: bold;margin:10px 0px;">
		        <img src="${webRoot }images/about.jpg">故障代码
		    </div>
    		<p style="color:black;font-size:16px;">${faultCode.code }</p>
    	</div>
    	<div class="bloc">
    		<div class="geren" style="font-weight: bold;margin:10px 0px;">
		        <img src="${webRoot }images/about.jpg">故障说明
		    </div>
    		<p style="color:black;font-size:16px;">${faultCode.title }</p>
    	</div>
    	<div class="bloc">
    		<div class="geren" style="font-weight: bold;margin:10px 0px;">
		        <img src="${webRoot }images/about.jpg">适用机型
		    </div>
    		<p style="color:black;font-size:16px;">${faultCode.applyModel }</p>
    	</div>
        <div class="bloc" style="padding-bottom:20px;">
        	<div class="geren" style="font-weight: bold;margin:10px 0px;">
		        <img src="${webRoot }images/about.jpg">解决方案
		    </div>
        	<div id="solutionContent" style="margin:10px 0">${faultCode.solution }</div>
        </div>
    </div>
</div>
<div class="mui-clearfix"></div>
</body>
<script type="text/javascript">
$(function(){
	//所有内容里的图片根据屏幕缩放
	var winW = $(window).width();
	$("#solutionContent img").each(function(){
		if($(this).width() > winW){
			var oW = $(this).width();
			$(this).width(winW * 0.9)
			$(this).height($(this).height() / (oW / $(this).width()));
		}
	});
})
</script>
</html>